<template>
  <div>
    父组件
    <div>
      <button @click="msg = 'hello vue'">父按钮</button>
    </div>
    <p>{{ msg }}</p>
    <p>{{ obj }}</p>
    <hr />
    <MySon :msg="msg" :obj="obj"></MySon>
  </div>
</template>

<script>
// 子向父传值
// data,props
// 1. 共同点：都可以用插值表达式渲染
// 2. 不同点 data是自己的数据，可以随便改，props是别人传过来，是只读的
import MySon from "./my-son.vue";
export default {
  data() {
    return {
      msg: "hello world",
      obj: {
        name: "zs",
      },
    };
  },
  components: {
    MySon,
  },
};
</script>

<style scoped></style>
